<template>
	<block v-if="isAdSuccess">
		<!-- #ifdef MP-QQ -->
		  <ad 
			:unit-id="unitId" 
			@load="adSucessLoad" 
			@error="adErrorLoad"
			:type="adType"
		  />
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
		  <ad 
			:unit-id="unitId" 
			@load="adSucessLoad" 
			@error="adErrorLoad"
			:adType="adType"
			v-if="adType !== 'custom'"
		  />
		  <ad-custom 
			:unit-id="unitId" 
			@load="adSucessLoad" 
			@error="adErrorLoad"
			@close="adClose"
			v-else
		   />
		<!-- #endif -->
	</block>
</template>

<script>
	export default{
		props:{
			unitId: {
				type: String,
				default: ""
			},
			adType: {
				type: String,
				default: "banner" // card video custom
			}
		},
		data() {
			return {
				isAdSuccess: true
			}
		},
		methods:{
			adSucessLoad:function() {
				this.isAdSuccess = true
				this.$emit("adLoadCallback", true);
			},
			adErrorLoad:function(e) {
				this.isAdSuccess = false
				this.$emit("adLoadCallback", false);
			},
			adClose:function(e) {
				this.$emit("adClose");
			}
		}
	}
</script>

<style>
	
</style>
